<!-- 提现记录 -->
<template>
	<view class="page">
		<status-bar title="提现记录"></status-bar>
		<view class="wdw_list">
			<view class="wdw_item" v-for="(item, index) in deposit" :key="index">
				<view class="wdw_bank_money">
					<view class="f_032">{{ item.bankName }} {{ item.bankCard }}</view>
					<view class="f_028 c_ff4b4e">￥{{ item.money }}</view>
				</view>
				<view class="wdw_state">
					<view class="c_999999" v-if="item.state == 1">正在处理...</view>
					<view class="success-color" v-if="item.state == 2">
						提现成功
						<br />
						{{ item.handleTime }}
					</view>
					<view class="error-color" v-if="item.state == 0">
						提现失败
						<br />
						{{ item.handleTime }}
					</view>
				</view>
				<view class="wdw_time">
					<view class="d-flex a-center">
						<view class="size28">发起时间：</view>
						<view class="size30">{{ item.createTime }}</view>
					</view>
					<view
						class="d-flex a-center p-left10 p-right10"
						v-if="item.payVoucherArr && item.payVoucherArr.length"
						@click.stop="$common.previewImgs(index, item.payVoucherArr)"
					>
						<view class="iconfont icon-tupian color_99 size46"></view>
					</view>
				</view>
			</view>
		</view>
		<empty v-if="noData" type="1" cat="3" :msg="errMsg"></empty>
	</view>
</template>

<script>
import { mapState } from 'vuex';
var that;
export default {
	data() {
		return {
			deposit: [],
			noData: false,
			errMsg: '还没有相关提现记录哦 ~'
		};
	},
	onShareAppMessage(option) {
		let shareData = uni.getStorageSync('shareData');
		let vid = uni.getStorageSync('vid');
		return {
			title: shareData.title,
			desc: shareData.desc,
			path: '/pages/index/index?share_v_id=' + vid + '&pageType=99',
			imageUrl: shareData.imageUrl
		};
	},
	onLoad() {
		that = this;
		that.getDeposit();
	},
	methods: {
		getDeposit: function () {
			that.$http
				.post({
					url: '/singleSaleApi/withdrawalSubsidiary'
				})
				.then((res) => {
					if (res.status) {
						that.deposit = res.data;
						if (that.deposit) {
							that.deposit.forEach((item, index) => {
								if (item.bankCard) that.deposit[index].bankCard = item.bankCard.substring(item.bankCard.length - 4, item.bankCard.length);
							});
						}
						if (!that.deposit || that.deposit.length < 1) that.noData = true;
					} else {
						that.errMsg = res.msg;
					}
				});
		}
	},
	computed: {
		...mapState(['vid'])
	}
};
</script>

<style lang="scss">
page {
	background-color: $page;
}
</style>
<style scoped lang="scss">
.page {
	background-color: $page;
	padding-top: 20rpx;

	.wdw_list {
		width: 720rpx;
		margin: 0 auto;
	}

	.wdw_item {
		height: 280upx;
		border-radius: 10px;
		margin-bottom: 30upx;
		padding: 30upx;
		background-color: #ffffff;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		position: relative;

		.wdw_bank_money {
			display: flex;
			display: -webkit-flex;
			justify-content: space-between;
		}

		.wdw_state {
			width: 100%;
			height: 100%;
			display: flex;
			display: -webkit-flex;
			justify-content: center;
			align-items: center;
			font-size: 28rpx;
			text-align: center;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;

			view {
				font-size: 30rpx;
			}
		}

		.wdw_time {
			display: flex;
			display: -webkit-flex;
			justify-content: space-between;

			font-family: arial;
			color: #999999;
			position: absolute;
			right: 30upx;
			bottom: 30upx;
			left: 30upx;
			z-index: 1;
		}
	}
}

.empty {
	color: red;
}
</style>
